<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:c="http://java.sun.com/jstl/core"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j" 
    template="layout/TemplateLerPost.xhtml">

    <ui:define name="body">
    	<h:panelGrid columns="2" width="100%">
    		<s:graphicImage value="#{leituraCtrl.post.imagem}">
    			<s:transformImageSize maintainRatio="true" width="100" />
    		</s:graphicImage>
	    	<h:outputFormat>
				<h:panelGrid columns="1" style="text-align: left;">
					<s:decorate>
						<h1><h:outputText value="#{leituraCtrl.post.titulo}" escape="false" /></h1>
					</s:decorate>
					<s:decorate>
						<h:outputText value="#{leituraCtrl.post.usuario.nome}" />
						<h:outputText value=" #{messages.em} " />
						<h:outputText value="#{leituraCtrl.post.data}">
							<s:convertDateTime pattern="dd/MM/yyyy HH:mm" />
						</h:outputText>
					</s:decorate>
					<s:decorate rendered="#{not empty leituraCtrl.post.mediaAvaliacoes}">
						<h:outputText value="#{messages.media} " />
						<h:outputText value="#{leituraCtrl.post.mediaAvaliacoes}">
							<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
						</h:outputText>
					</s:decorate>
					<s:decorate rendered="#{not empty post.quantidadeFavoritos}">
						<h:outputText value="Favorito de #{leituraCtrl.post.quantidadeFavoritos}" />
					</s:decorate>					
				</h:panelGrid>
			</h:outputFormat>
		</h:panelGrid>
		<rich:spacer height="2" />
		<rich:simpleTogglePanel switchType="client" height="280" width="730">
			<f:facet name="header">
				<h:outputText value="Texto do Post" />
			</f:facet>
			<s:div style="height: 280px; width: 730px;" styleClass="info">
				<p><h:outputText value="#{leituraCtrl.post.texto}" escape="false" /></p>
			</s:div>
		</rich:simpleTogglePanel>
		<br />
		<rich:simpleTogglePanel switchType="client">
			<f:facet name="header">
				<h:outputText value="#{messages.tagsPost}" />
			</f:facet>
			<h:form>
				<h:outputText value="Post nao possui tags associadas" rendered="#{empty leituraCtrl.post.tagList}" />
				
				<rich:dataGrid border="0 px;" value="#{leituraCtrl.post.tagList}" var="tag" columns="5">
					<h:commandLink>
						<h:outputText value="#{tag.id}" style="border-style: none; border: 0px;" />
					</h:commandLink>
				</rich:dataGrid>
				
				<br />
				
				<h:panelGrid columns="1">
					<h:panelGroup>
						<h:inputText value="#{leituraCtrl.tagsPostTexto}" size="40" maxlength="40" />
						<rich:spacer width="5" />
						<h:commandButton action="#{leituraCtrl.adicionarTagPost}" value="#{messages.adicionarTag}" />
					</h:panelGroup>
					<h:outputLabel styleClass="informacaoCampo" value="(Digite tags separadas por virgulas)" />
				</h:panelGrid>
				
			</h:form>
		</rich:simpleTogglePanel>
		<br />
		<rich:simpleTogglePanel switchType="client">
			<f:facet name="header">
				<h:outputText value="#{messages.tarefas}" />
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<h:commandLink action="#{leituraCtrl.adicionarPostsFavoritos}" value="#{messages.adicionarPostsFavoritos}" rendered="#{not leituraCtrl.leitura.favorito}" />
					<h:commandLink action="#{leituraCtrl.removerPostsFavoritos}" value="#{messages.removerPostsFavoritos}" rendered="#{leituraCtrl.leitura.favorito}" />
				
					<h:commandLink value="#{messages.recomendarPost}" />
				
					<h:commandLink value="#{messages.reportarPostInadequado}" />
				
					<h:panelGroup>
						<h:selectOneMenu value="#{leituraCtrl.leitura.avaliacao}">
							<f:selectItem itemLabel="(Selecione)"/>
							<f:selectItems value="#{listarCtrl.valoresNotasSI}" />
						</h:selectOneMenu>
						<rich:spacer width="5" />
						<h:commandButton action="#{leituraCtrl.avaliarPost}" value="#{messages.avaliarPost}" />
					</h:panelGroup>
				</h:panelGrid>	
			</h:form>
		</rich:simpleTogglePanel>
		<br />
		<rich:simpleTogglePanel switchType="client">
			<f:facet name="header">
				<h:outputText value="#{messages.comentarios}" />
			</f:facet>
			<a:form id="formComentario">
				<rich:dataList var="comentario" value="#{leituraCtrl.post.comentarioList}">
					<p>
						<h:outputText value="#{comentario.usuario.nome}" styleClass="label" />
						<h:outputText value=" #{messages.em} " styleClass="label" />
						<h:outputText value="#{comentario.data}" styleClass="label">
							<s:convertDateTime pattern="dd/MM/yyyy HH:mm" />
						</h:outputText><br />
						<h:outputText value="#{comentario.texto}" />
					</p>
				</rich:dataList>
				<h:inputTextarea value="#{leituraCtrl.comentarioTexto}" cols="50" rows="5" /><br />
				<a:commandButton action="#{leituraCtrl.comentar}" value="#{messages.comentar}" reRender="formComentario" />
			</a:form>
		</rich:simpleTogglePanel>
	</ui:define>
</ui:composition>
